<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <!-- 
    a标记是超链接
    标记里面的内容就是超链接描述文本
    href属性里面填写要跳转的网站的url链接地址

    <标记名称  属性名称="属性的值"...   >
      标记里面的内容
    </标记名称>

    a标记添加target="_blank"属性表示超链接会在新窗口中打开
    而不是默认的覆盖当前网页

  -->

  <a href="https://huhuiyu.top">
    黑暗骑士的网站
  </a>

  |

  <a href="https://www.bilibili.com/" target="_blank">
    哔哩哔哩
  </a>

  |

  <!-- 本网站的链接，链接跳转的本网站中的其它页面 -->
  <a href="./h01.html">
    html入门
  </a>

  <hr>

  <!-- 
    第一个复合标记 ul li
    ul是无序清单 li是清单项
    每一个清单项都会在单独行上面，且有提示效果，比如圆点
  -->
  <ul>

    <li>黑暗骑士</li>
    <li>蝙蝠侠</li>

  </ul>

  <ul type="circle">

    <li>黑暗骑士</li>
    <li>蝙蝠侠</li>

  </ul>

  <!-- 所有的知识点都可以被嵌套使用 -->
  <ul>

    <li>第一章</li>

    <li>
      第二章
      <ul>
        <li>第一节</li>

        <li>
          <a href="https://huhuiyu.top">网站</a>
        </li>

      </ul>

    </li>

  </ul>

  <hr>


  <!-- 
    table是表格标记
    表格分为两块
    thead是表头
    tbody是表的内容
    tr是表中一行
    th是表头中的单元格，有居中和加粗的效果
    td是内容中的单元格
  -->

  <table border="1">

    <thead>

      <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>班级</th>
      </tr>

    </thead>

    <tbody>

      <tr>
        <td>黑暗骑士</td>
        <td>男</td>
        <td>2205班</td>
      </tr>

      <tr>
        <td>神奇女侠</td>
        <td>女</td>
        <td>2301班</td>
      </tr>

    </tbody>

  </table>


</body>

</html>